﻿        /* 项目经历 */
        .project{
            width: 1000px;
            /* height: 628px; */
            /* background-color: rgb(185, 113, 113); */
            float: left;
            position: relative;
        }
        .pro_toTop{
            width: 100%;
            height: 45px;
            /* background-color: blueviolet; */
            font-family: '华文楷体';
            position: relative;
        }
        .pro_toTop > h2{
            font-size: 28px;
            line-height: 45px;
            margin-left: 20px;
        }
        .pro_toTop > .line{
            width: 920px;
            height: 45px;
            border-bottom: 2px solid black;
            position: absolute;
            top: -2px;
            left: 50px;
        }
        .pro_toLeft{
            width: 1000px;
            /* height: 157px; */
            float: left;
            /* overflow: hidden; */
        }
        .pro_toLeft_ex{
            /* height: 132px; */
        }
        .pro_toRight{
            width: 300px;
            /* height: 132px; */
            float: left;
            /* overflow: hidden; */
        }
        .pro_toLeft .hat{
            height: 35px;
            width: 1000px;
            /* background-color: white; */
            font-family: '华文细黑';
            display: flex; /* 使用 Flexbox 布局 */
            align-items: center; /* 垂直居中 */
            float: left;
            position: relative;
        }

        .pro_toLeft .hat span{
            font-size: 22px;
            font-weight: 600;
            letter-spacing: 2px;
        }
        .pro_toLeft .hat .pro_title{
            margin-left: 200px;
            position: relative;
        }
        .pro_toLeft .hat .pro_title_ex1{
            margin-left: 80px;
            position: relative;
        }
        .pro_toLeft .hat .pro_time{
            position: absolute;
            left: 720px;
        }

        .pro_toLeft .circle{
            background: black;
            border-radius: 50%;
            width: 9px;
            height: 9px;
            float: left;
            margin: 0 8px 0 0px;
        }
        .pro_toLeft .info{
            /* height: 100px; */
            width: 1000px;
            /* background-color: rgb(148, 136, 185); */
            text-align: left; /* 设置文字左对齐 */
            float: left;
        }

        .pro_toLeft .infoex{
            /* height: 75px; */
        }
        .pro_toLeft .info span{
            margin-left: 42px;
            font-family: '华文细黑';
            font-size: 19px;
            display: inline-block; /* 使文字在换行后左对齐 */
            line-height: 25px;
            padding-right: 42px;
        }
        .pro_toLeft .info .pra_point_list{
            margin: 0 42px;
            padding: 0;
            list-style: none;
        }
        .pro_toLeft .info .pra_point_list li{
            position: relative;
            padding-left: 18px;
            margin-bottom: 4px;
            font-family: '华文仿宋';
            font-size: 20px;
            line-height: 26px;
        }
        .pro_toLeft .info .pra_point_list li:last-child{
            margin-bottom: 0;
        }
        .pro_toLeft .info .pra_point_list li::before{
            content: '';
            position: absolute;
            left: 0;
            top: 13px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #000;
            transform: translateY(-50%);
        }

        .pro_toRight .hat{
            height: 35px;
            width: 300px;
            /* background-color: white; */
            font-family: '华文细黑';
            display: flex; /* 使用 Flexbox 布局 */
            align-items: center; /* 垂直居中 */
            float: left;
        }
        .pro_toRight .hat span{
            font-size: 22px;
            font-weight: 600;
            letter-spacing: 2px;
            margin-left: 20px;
        }
        .pro_toRight .info{
            height: 97px;
            width: 300px;
            /* background-color: rgb(148, 136, 185); */
            display: flex; /* 使用 Flexbox 布局 */
            align-items: center; /* 垂直居中 */

        }
        .pro_toRight .infodx{
            height: 122px;
        }
        .pro_toRight .info span{
            margin-left: 20px;
            font-size: 19px;
            font-family: '华文细黑';
            margin-right: 20px;
        }
        .project .skillShow{
            width: 1000px;
            height: 22px;
            float: left;
        }
        .project .ski{
            height: 20px;
            border: 1px solid #61a9b1;
            background-color: #a5dee4;
            border-radius: 10px;
            float: left;
            text-align: center;
            margin-right: 10px;
            cursor: pointer;
            transition: 0.3s ease;
        }
        .project .ski:hover{
            transform: translateY(-3px);
            box-shadow: 0 2px 5px 2px #77969a88;
        }
        .project .ski:nth-child(1){
            margin-left: 42px;
        }
        .project .ski>p{
            padding: 0 8px 0 8px;
            line-height: 20px;
        }
        .portrait_line{
            position: absolute;
            background-color: black;
            width: 3px; /* adjust the width 
            as needed */
            height: 100px;
            z-index: 2;
            left: 28px;
        }
